<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Django project-->
{%load i18n %}
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title type="text/css">
			Project Django
		</title>
		<link rel="stylesheet" href="{{ STATIC_URL }}style/style_content.css"> </link>
		<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js" ></script>
		<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui.min.js" ></script>
		<script type="text/javascript" src="{{ STATIC_URL }}js/buttons.js"></script>
		<script type="text/javascript" src="{{ STATIC_URL }}js/login.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
			});
		</script>
	</head>
	
	<body>
	<!-- begin wrapper-->
			<!--begin header-->
			<div id="header">
				<div id="sub_header">
				
				<!--logo-->
                    <a href="http://127.0.0.1:8000">
                        <div id="logo">
                        </div>
                    </a>
				<!--end logo-->
					
				<!--begin main_unity-->
				<div id="menu_unity">
					<ul>
						<li>
                            <form action="/i18n/setlang/" method="post">{% csrf_token %}
                                <input name="next" type="hidden"/>
                                <select name="language" class="language">
                                    {% for lang in LANGUAGES %}
                                    <option value="{{ lang.0 }}">{{ lang.1 }}</option>
                                    {% endfor %}
                                </select>
                                <input type="submit" value="{% trans 'Chuyển ngôn ngữ' %}">
                            </form>
                            <!--
							<select class="language">
								<option>
                                    {% trans 'Tiếng Việt' %}
								</option>
								<option>
                                    {% trans 'English' %}
								</option>

							</select>-->
						</li>
						<li>
							<a href="/login/">
                                {% trans 'Đăng Nhập' %}
							</a>
						</li>
					</ul>
				</div>
				<!-->
				
				<!--begin main menu-->
				<div id="menu">
					<ul>
                        <li>
                        <a href="http://127.0.0.1:8000/" id="thethao">
                            {% trans 'Thể Thao' %}
                        </a>
                        </li>
                        <li>
                            <a href="http://127.0.0.1:8000/?pos=congnghe" id="congnghe">
                                {% trans 'Công Nghệ' %}
                            </a>
                        </li>
                        <li>

                            <a href="http://127.0.0.1:8000/?pos=giaitri" id="giaitri">
                                {% trans 'Giải Trí' %}
                            </a>
                        </li>

                        <li>
                            <a href="http://127.0.0.1:8000/?pos=tonghop" id="phapluat">
                                {% trans 'Tổng Hợp' %}
                            </a>
                        </li>
					</ul>
					<!--search box-->
                    <search>
                        <form action="/search/" method="post">{% csrf_token %}
                            <input style="border:1px solid #ccc;" name="keywords" id="keywords" type="text" size="40" placeholder="Search..." />
                            <input type="submit"class="submit_btn" value="">
                        </form>
                    </search>
					<!--end search box-->
					
				</div>
				<!--end main menu-->
				
			</div>
			<!--end header-->
			</div>
          		<div id="wrapper">
			<!--begin main-->
					<div id="register">
						<h2>{% trans 'Đăng kí thành viên' %}</h2>
                        {% if form.errors %}
                        <p class="errors" style="color: red">{% trans 'Vui lòng nhập đầy đủ và chính xác những ô (*):' %} {{ form.non_field_errors }}</p>
                        {% endif %}
						<form id="register_form" action="" method="post">{% csrf_token %}
							<h5>{% trans 'Tên đăng nhập' %}</h5>
							<!--<input type="text" placeholder="Tên đăng nhập bạn mong muốn của bạn" />-->

                            {{ form.username }}
                            {% if form.username.errors %}
                            <span style="color: red;font-size: 15px;">*</span>
                            {% endif %}

							<h5>Email</h5>
                            {{ form.email }}{% if form.email.errors %}
                            <span style="color: red;font-size: 15px;">*</span>
                            {% endif %}
							<!--<input type="text" placeholder="Email chính xác của bạn" />-->
							<h5>Password</h5>

                            {{ form.password1 }}
                            {% if form.password1.errors %}
                            <span style="color: red;font-size: 15px;">*</span>
                            {% endif %}
							<!--<input type="password" placeholder="Mật khẩu dùng để truy cập website" />-->
							<h5>{% trans 'Nhập lại password' %}</h5>

                            {{ form.password2 }} {% if form.password2.errors %}
                            <span style="color: red;font-size: 15px;">*</span>
                            {% endif %}
							<!--<input type="password" placeholder="Nhập lại mật khẩu trên" />-->
							<div id="action">
							<input type="submit" value="{% trans 'Đăng kí' %}"/>
							<input type="reset" value="{% trans 'Nhập lại' %}"/>
							</div>
						</form>
					</div>
			<!--end main-->
			</div>
			<!--footer-->
			<div id="footer">
		    		<div id="sub_footer">
					<ul>
						<li class="logo">
							<img src="{{ STATIC_URL }}images/logo_footer.jpg"/>
						</li>
						<li class="copy">
							<b>
								© 2012 HCMUT<br>
								All rights reserved
							</b>
						</li>
						<li>
						
						</li>
						<li>
					
						</li>
						<li>
						</li>
						<li>
							<h4><a href="#">{% trans 'Thông tin' %} </a></h4>
						</li>
						<li>
							<h4><a href="#">{% trans 'Liên hệ' %}</a></h4>
						</li>
						<li>
							<h4><a href="#">{% trans 'Đặt làm trang chủ' %}</a></h4>
						</li>
						<li>
							<h4><a href="#">{% trans 'Tuyển dụng' %}</a></h4>
						</li>
						<li>
							<h4><a href="#">{% trans 'Trang chủ' %} </a></h4>
						</li>
					</ul>
				</div>
			<!--end footer-->
			</div>
		<!--end wrapper-->
		
	</body>
</html>
